.layout-box {
    padding-top: 1.32rem /* 99/75 */;
}
.mm-header {
    height: 1.32rem;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f4483e;
    h4 {
        font-size: .466667rem
            /* 35/75 */
        ;
        line-height: 1.32rem;
        text-align: center;
        color: #fff;
    }
    .mm-app {
        position: absolute;
        top: .066667rem
            /* 5/75 */
        ;
        right: .066667rem
            /* 5/75 */
        ;
    }
     .mm-back {
         width: .613333rem
             /* 46/75 */
         ;
         height: .613333rem
             /* 46/75 */
         ;
         position: absolute;
         left: .4rem
             /* 30/75 */
         ;
         top: .353333rem
             /* 26.5/75 */
         ;
         font-size: .6rem
             /* 45/75 */
         ;
         color: #fff;
     }
}


.scroll-top {
    padding-right: 1.066667rem /* 80/75 */;
    position: relative;
    ul {
        list-style-type: none;
        display: flex;
        flex-wrap: nowrap;
        /* background: #FF4878; */
        padding: 0;
        overflow: auto;
        margin-bottom: .266667rem /* 20/75 */;
    }

    ul li {
        flex: 1 0 auto;
        color: #000;
    }

    ul li span {
        display: block;
        height: .96rem /* 72/75 */;
        line-height: .96rem /* 72/75 */;
        text-align: center;
        margin: 0 .333333rem /* 25/75 */;
    }

    .current {
        border-bottom: .04rem /* 3/75 */ solid red;
        color: red;
    }
    .search {
        position: absolute;
        width: 1.066667rem /* 80/75 */;
        background-color: #f8f8f8;
        border-left: .013333rem
        /* 1/75 */
        solid #ccc;
        top: 0;
        right: 0;
        height: 100%;
    }
    ul::-webkit-scrollbar {
        display: none;
    }
}
.cu-content {
    overflow: hidden;
            li {
            margin: 6px auto;
            background-color: #ffffff;
            position: relative;
            padding: 10px 5px;
            box-sizing: border-box;
            overflow: hidden;
        }

            li:after {
            display: table;
            content: "";
            line-height: 0;
            clear: both;
        }

            li a.gobuy {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 0;
            top: 0px;
            left: 0px;
            z-index: 1;
        }

            li a.goquan {
            display: block;
            position: absolute;
            width: 120px;
            height: 60px;
            z-index: 0;
            bottom: 0px;
            left: 130px;
            z-index: 3;
        }

            li .pic {
            float: left;
            width: 135px;
            height: 130px;
        }

            li .pic img {
            width: 130px;
            height: 130px;
            border: none;
        }

            li .pic i {
            position: absolute;
            top: 36px;
            left: 36px;
            width: 70px;
            height: 70px;
            background-color: rgba(0, 0, 0, 0.5);
            color: #ffffff;
            border-radius: 50%;
            display: none;
            text-align: center;
        }

            li .pic i:before {
            margin-top: 15px;
            font-size: 12px;
            content: '抢光啦';
            display: block;
        }

            li .pic i:after {
            font-size: 11px;
            margin-top: 2px;
            content: 'SOLD OUT';
            display: block;
        }

            li .inf .i {
            height: auto;
        }

            li .inf .i .t {
            min-height: 28px;
            max-height: 40px;
            line-height: 1.5;
            font-weight: 400;
            text-align-last: left;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

            li .inf .i .pr {
            font-size: 24px;
            color: #fc353a;
            margin-top: 4px;
            position: relative;
            width: 100%;
            height: auto;
            overflow: visible;
        }

            li .inf .i .pr i {
            font-size: 16px;
            vertical-align: middle;
            font-style: normal;
            margin-right: 4px;
        }

            li .inf .i .pr em {
            font-size: 12px;
            vertical-align: middle;
            font-style: normal;
        }

            li .inf .i .pr del {
            text-decoration: line-through;
            font-size: 13px;
            color: #a8a8a8;
            margin-left: 12px;
            vertical-align: middle;
        }

            li .inf .o:after {
            display: table;
            content: "";
            line-height: 0;
            clear: both;
        }

            li .inf .o {
            position: absolute;
            bottom: 10px;
            padding: 0px 5px 0px 135px;
            box-sizing: border-box;
            width: 100%;
        }

            li .inf .o .bar {
            height: 25px;
            overflow: hidden;
        }

            li .inf .o .bar i {
            position: relative;
            box-sizing: border-box;
            width: 82px;
            height: 14px;
            border: 1px solid #fc353a;
            border-radius: 6px;
            color: #fff;
            font-weight: 900;
            background: #ffb7b7;
            text-align: center;
            overflow: hidden;
            display: inline-block;
        }

            li .inf .o .bar i em {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            border-radius: 5px;
            background: #fc353a;
            display: block;
            transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
            width: 0;
        }

            li .inf .o .bar i span {
            font-size: 12px;
            line-height: 11px;
            display: block;
            width: 100%;
            height: 100%;
            text-align: center;
            position: absolute;
            top: 0px;
            left: 0px;
        }

            li .inf .o .bar b {
            font-weight: normal;
            font-size: 12px;
            color: #999999;
            vertical-align: 3px;
            margin-left: 10px;
            color: #fc353a;
        }

            li .inf .o .b .q {
            float: left;
        }

            li .inf .o .b .q a {
            border: 1px dotted #e4393c;
            height: 26px;
            line-height: 26px;
            text-align: center;
            display: block;
            padding: 0px 5px;
            font-size: 12px;
            color: #e4393c;
            position: relative;
            z-index: 1;
        }

            li .inf .o .b .g {
            float: right;
            margin-right: 5px;
        }

            li .inf .o .b .g a {
            height: 28px;
            line-height: 28px;
            text-align: center;
            display: block;
            background-color: #ff5e5d;
            color: #ffffff;
            border-radius: 4px;
            padding: 0px 5px;
            font-size: 12px;
            position: relative;
            z-index: 1;
        }

            li.noquan .inf .o .b .q a {
            color: #999999;
            border-color: #999999;
        }

            li.noitem .pic i {
            display: block;
        }

            li.noitem .inf .i .pr {
            color: #999999;
        }

            li.noitem .inf .o .b .g a {
            background-color: #999999;
        }
}